const btnRequest = document.getElementById('btnRequest');
btnRequest.onclick = function(){
     //1创建ajax实例
   const xhr = new XMLHttpRequest();
   //2创建ajax
   xhr.open('GET','https://www.aulence.com/data/test.json');
   //3发送ajax请求
   xhr.send();
   //4接受服务器响应结果
   xhr.onreadystatechange = function(){
       //如果请求成功
       if(xhr.readyState ===4){
           //响应状态码为成功的时候
           if(xhr.status ===200){
        }
        //获取json字符串
        
         const respJSONStr = xhr.response;
         //将json字符串转换为对象的数据格式
         const res = JSON.parse(respJSONStr);
        
         //5.将这个获取的对象显示到页面上
       const requestRes = document.getElementById('requestRes');
                requestRes.innerHTML = `
                    <div>${res.name}</div>
                    <div>${res.author}</div>
                    <div>${res.createDate}</div>
                `;
         
      }
      //状态码不为200的时候（失败的时候）
      else {
        console.error('由于未知原因，请求失败！');
            
        }
           }
       }
   

